<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head th:replace="common/head :: common_head(~{::title},~{})">
  <title>财税风险分析系统  | 账号中心</title>
</head>

<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <div th:replace="common/header-user :: header"></div>
  
  <div th:replace="common/aside-user :: aside"></div>
  
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
  
    <section class="content-header">
      <h1 id="page-title" active-aside="account-aside" active-menu="account-index-menu">账号中心
        <small></small>
      </h1>
      <ol class="breadcrumb">
        <li>账号中心</li>
        <li class="active"><i class="fa fa-dashboard"></i> 首页</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">
      <div class="row">
        <div class="col-xs-6">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">账户余额<small>&nbsp;&nbsp;&nbsp;&nbsp;</small></h3>
              <h3 class="box-title pull-right"><small><a href="javascript:;" data-toggle="modal" data-target="#modal-withdraw-apply">提现申请</a></small></h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-xs-12">
                  <h1 style="text-align: center;">0元</h1>
                </div>
              </div>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
            </div>
          </div>
          <!-- /.box -->
        </div>
      </div>
      <div class="row">
        <div class="col-xs-6">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">套餐余量<small>&nbsp;&nbsp;&nbsp;&nbsp;查看</small></h3>
              <h3 class="box-title pull-right"><small><a href="/client/product">立即购买</a></small></h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-xs-6">
                  <h1 style="text-align: center;">0次</h1>
                  <h5 style="text-align: center;">剩余分析</h5>
                </div>
                <div class="col-xs-6">
                  <h1 style="text-align: center;">0次</h1>
                  <h5 style="text-align: center;">剩余线下课</h5>
                </div>
              </div>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
            </div>
          </div>
          <!-- /.box -->
        </div>
      </div>
      <div class="row">
        <div class="col-xs-6">
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">我的邀请<small>&nbsp;&nbsp;&nbsp;&nbsp;查看</small></h3>
              <h3 class="box-title pull-right"><small></small></h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="col-xs-6">
                <h1 style="text-align: center;">0</h1>
                <h5 style="text-align: center;">邀请人数</h5>
              </div>
              <div class="col-xs-6">
                <h1 style="text-align: center;">0元</h1>
                <h5 style="text-align: center;">奖励金</h5>
              </div>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix">
            </div>
          </div>
          <!-- /.box -->
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  
  <div th:replace="common/footer :: footer"></div>

  <!-- Add the sidebar's background. This div must be placed
  immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<div class="modal fade" id="modal-withdraw-apply">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">提现申请</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-6">
            <img src="/dist/img/QR-code.jpg">
          </div>
          <div class="col-sm-6">
            <h3 class="center-block" style="margin-top: 100px;">使用手机微信扫码</h3>
            <h3 class="center-block">关注“财信云”公众号提现</h3>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<div th:replace="common/script :: script"></div>

</body>
</html>